<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<html>
<head>
    <?php include "header.php" ?>
    <script type="text/javascript" src="js/jquery-ui-1.8.10.custom.min.js"></script>
    <script type="text/javascript" src="js/jquery.ui.vk-dev.js"></script>
    <script type="text/javascript" src="js/teclado.js"></script>
    
    <link rel="stylesheet" href="css/ui-keyboard-css.css" type="text/css"/>
    <link rel="stylesheet" href="css/jquery-ui-1.8.10.custom.css" type="text/css"/>
</head>
<body>
	<div id="wrap">
		<div id="header">
            <img src="images/logo.png" class="logo" alt="logo"/>
            <h1>Assistive web</h1>
            <div id="navigation">
	            <?php $classInicio = " class='active'"?>
				<?php include("template/menu.php"); ?>
			</div>
		</div>
		<div id="main">
			<div id="appMenu">
				<?php include("template/appMenu.php"); ?>
			</div>
			<ul id="messageBoard"></ul>
			<div id="content">
				<form id="main-form">
					<div class="box">
						<h3>Recursos</h3>
						<ul id="recursos">
							<li><button class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only">Copy text</button></li>
							<li><button class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only">Email</button></li>
							<li><button class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only">SMS</button></li>
							<li><button class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only">Blog</button></li>
							<li><button class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-onlyn">Facebook</button></li>
							<li><button class="ui-button ui-widget ui-state-default ui-corner-all ui-button-text-only">Twitter</button></li>
							<li><a href="#">Configurar</a></li>
						</ul>
					</div>
					<div class="box">
						<h3>Digite o seu texto aqui:</h3>
						<textarea id="texto-entrada-principal" name="texto"></textarea>
					</div>
					<div id="teclado-container" class="box">
					
					</div>
					<div id="sugestoes-container" class="box">
						<h3>Sugest&otilde;es</h3>
						<div id="sugestoes"><?php include("teclado/predicao.php"); ?></div>
					</div>
					<?php include("tts.php"); ?>
				</form>
			</div>
		</div>
		<div id="footer"><?php include("rodape.php"); ?>
		</div>
	</div>
	<div id="dialogs"></div>
</body>
</html>
